<div class="im-contact-box J-im-contact-box">
{{ if(contacts.length){ }}
	<ul class="im-contact-list">
		{{ _.each(contacts, function(contact,index){ }}
			{{ if(index<50){ }}
				<li class="{{if(doAnimate){ }}im-transparent {{ } }}J-im-item" cz-uid="{{=contact.id}}">
					<div class="im-contact-info im-cf J-im-contact-info">
						<div class="im-head"><img src="{{=contact.avatar}}" alt=""></div>
						<div class="im-info">
							<div class="im-top-txt im-cf">
								<span class="im-name">{{-contact.name}}</span>
								{{ if(!isSearchResult){ }}
								<span class="im-time">{{-contact.last}}</span>
								{{ } }}
							</div>
							<div class="im-bottom-txt im-cf">
								<span class="im-corp">{{-contact.comname}}</span>
								{{ if(!isSearchResult){ }}
									{{ if(contact.unread>99){ }}
										<i class="im-num J-im-num">99+</i>
									{{ }else if(contact.unread>0){ }}
										<i class="im-num J-im-num">{{-contact.unread}}</i>
									{{ } }}
								{{ } }}
							</div>
						</div>
					</div>
					<span class="im-contact-del J-im-contact-del"><i class="im-icon im-icon-trash"></i></span>
				</li>
			 {{ } }}
		{{ }); }}
	</ul>

{{ }else{ }}
	{{ if(isSearchResult){ }}
		<div class="im-empty">{{-noResults}}</div>
	{{ }else{ }}
		<div class="im-empty">{{-noContacts}}</div>
		<button class="im-backhome J-im-backhome">{{-backbome}}</button>
	{{ } }}
{{ } }}
</div>

